.card {
    padding: .1rem;
    box-sizing: border-box;

    .wrapper {
        position: relative;
        border-radius: 5px;
        overflow: hidden;

        img {
            width: 100%;
            vertical-align: bottom;
        }

        .mask {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            span {
                color: #ffd7f5;
                font-size: .48rem;
            }

            p {
                font-size: .16rem;
                color: #ffffff;
            }
        }
    }
}
